<template>
  <div id="app">
    <transition name="fade" mode="out-in">
      <router-view></router-view>
    </transition>
    <main-tab-bar class="main-tabbar" />
  </div>
</template>

<script>
import MainTabBar from "components/content/maintabbar/MainTabBar";
export default {
  name: "app",
  components: {
    MainTabBar
  }
};
</script>


<style>
@import "./assets/css/base.css";
.main-tabbar {
  z-index: 999;
}

.fade-enter {
  opacity:0;
}
.fade-leave{
  opacity:1;

}
.fade-enter-active{
  transition:opacity .2s;
}
.fade-leave-active{
  opacity:0;
  transition:opacity .2s;
}
</style>
